<template>
  <test-ee title="button">
    <ee-button>普通</ee-button>
    <ee-button plain>空心</ee-button>

    <ee-space>
      <ee-button color="primary">类型实心</ee-button>
      <ee-button color="success">类型实心</ee-button>
      <ee-button color="warning">类型实心</ee-button>
      <ee-button color="danger">类型实心</ee-button>
      <ee-button color="text">类型实心</ee-button>
      <ee-button color="line">类型实心</ee-button>
    </ee-space>

    <ee-space>
      <ee-button plain color="primary">类型空心</ee-button>
      <ee-button plain color="success">类型空心</ee-button>
      <ee-button plain color="warning">类型空心</ee-button>
      <ee-button plain color="danger">类型空心</ee-button>
      <ee-button plain color="text">类型实心</ee-button>
      <ee-button plain color="line">类型实心</ee-button>
    </ee-space>

    <ee-space padding>
      <ee-button><ee-shape shape="search" /></ee-button>
      <ee-button color="primary"><ee-shape shape="search" /></ee-button>
      <ee-button color="danger"><ee-shape shape="search" /></ee-button>
      <ee-button color="success"><ee-shape shape="search" /></ee-button>
      <ee-button color="warning"><ee-shape shape="search" /></ee-button>
      <ee-button color="text"><ee-shape shape="search" /></ee-button>
    </ee-space>
  </test-ee>

  <test-ee title="tag">
    <ee-space padding>
      <ee-tag :plain="false">test tag</ee-tag>
      <ee-tag :plain="false" color="primary">test tag</ee-tag>
      <ee-tag :plain="false" color="danger">test tag</ee-tag>
      <ee-tag :plain="false" color="success">test tag</ee-tag>
      <ee-tag :plain="false" color="warning">test tag</ee-tag>
      <ee-tag :plain="false" color="text">test tag</ee-tag>
    </ee-space>

    <ee-space padding>
      <ee-tag closable>test tag</ee-tag>
      <ee-tag closable color="primary">test tag</ee-tag>
      <ee-tag closable color="danger">test tag</ee-tag>
      <ee-tag closable color="success"><ee-svg-loading modelValue="1" />&nbsp;test tag</ee-tag>
      <ee-tag closable color="warning">test tag</ee-tag>
      <ee-tag closable color="text">test tag</ee-tag>
    </ee-space>

    <ee-space padding>
      <ee-tag>test tag</ee-tag>
      <ee-tag color="primary">test tag</ee-tag>
      <ee-tag color="danger">test tag</ee-tag>
      <ee-tag color="success">test tag</ee-tag>
      <ee-tag color="warning">test tag</ee-tag>
      <ee-tag color="text">test tag</ee-tag>
    </ee-space>

    <ee-space padding>
      <ee-tag :border="false">test tag</ee-tag>
      <ee-tag :border="false" color="primary">test tag</ee-tag>
      <ee-tag :border="false" color="danger">test tag</ee-tag>
      <ee-tag :border="false" color="success">test tag</ee-tag>
      <ee-tag :border="false" color="warning">test tag</ee-tag>
      <ee-tag :border="false" color="text">test tag</ee-tag>
    </ee-space>
  </test-ee>
</template>

<script type="text/javascript">

export default {
  name: "test-ee-button",
  data() {
    return {
    }
  },
  props: {
  },
  computed: {
  },
  methods: {
  },
  mounted() {
  },
}
</script>

<style lang="scss" scoped></style>